/* Scroll animations and back-to-top button */

/* Fade-in animation for all sections */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Back to top button */
#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: linear-gradient(90deg, var(--accent), var(--accent-hover));
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.4);
  transition: all 0.3s ease;
  display: none;
  z-index: 999;
}

[data-theme="light"] #backToTop {
  box-shadow: 0 2px 15px rgba(212, 175, 55, 0.4);
}

#backToTop:hover {
  transform: translateY(-6px) scale(1.1);
  box-shadow: 0 0 35px rgba(255, 215, 0, 0.7);
}

[data-theme="light"] #backToTop:hover {
  box-shadow: 0 4px 25px rgba(212, 175, 55, 0.6);
}

/* 🔹 Responsive */
@media (max-width: 600px) {
  #backToTop {
    bottom: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    font-size: 1.2rem;
  }
}